/*字体大小*/
.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}
.font24{
    font-size: 24px;
}

/*margin*/
.mb6{
    margin-bottom: 6px;
}
.mb14{
    margin-bottom: 14px;
}
.mtb10{
    margin: 10px 0;
}
.mtb20{
    margin: 20px 0;
}
.mlr{
    margin: 0 auto;
}

/*字体颜色*/
.fc7{
    color: #777;
}
.fc73{
    color: #737373;
}
.fcor{
    color: orangered;
}

/*字体加粗*/
.fw7{
    font-weight: 700;
}

/*背景色*/
.bgcf9{
    background-color: #f9f9f9;
}
.bgc40d{
    background-color: #40d47e;
}
.bgcec7{
    background-color: #ec7e20;
}
.bgc2ca{
    background-color: #2ca2ee;
}

/*公共样式*/
.button{
    font-size: 12px;
    padding: 8px;
}

.tr1:hover{
    background-color: #ddd;
}

#footer{
    background-color: #f8f8f8;
    margin: 20px 0;
    padding: 30px;
    .row{
        img{
            width: 100%;
        }
    }
}

#header{
    .navbar{
        padding: 0;
    }
    .navbar-brand{
        color: #fff;
    }
    .nav-item{
        color: #fff;
        font-size: 12px;
    }
    .navbar-collapse{
        flex-grow: 0;
        
    }
}